<template>
  <h1>{{ activity.atitle }}</h1>
  <p>{{ creatornickname }}</p>
  <ul>
    <li v-for="m in alltime">{{m}}</li>
  </ul>
</template>

<script>
import {getDetail} from "@/network/detail";

export default {
  name: "detailbox",
  data(){
    return{
      id:4,
      activity: {},
      member:[],
      alltime:[],
      alltask:{},
      creatornickname:''
    }
  },
  mounted() {
    this.getDetails()
  },
  methods:{
    getDetails() {
      this.id = parseInt(this.$route.params.id)
      getDetail(this.id).then(res => {
        this.activity = res.data
        this.member = res.member
        this.alltime = res.alltime
        this.alltask = res.alltask
        this.creatornickname = res.creatornickname
      })

    }
  },
}
</script>

<style scoped>

</style>